/*
  学习目标：使用 react - 使用函数创建组件
  函数式组件语法：
  function Xxxxx(){
    return <div>我是函数式组件</div>
  }
  注意：
     1. 函数式组件，是大写字母开头，使用时直接用标签名即可，和函数调用不同
     2. 如果没有内容需要渲染，请返回 null,(react18 版本兼容 undefined)
*/

import React from 'react';
import ReactDOM from 'react-dom';

function Hello() {
  return <div>我是函数式组件</div>;
}

function NoDom() {
  return null;
}

const dom = (
  <>
    <Hello></Hello>
    <NoDom></NoDom>
  </>
);

ReactDOM.render(dom, document.getElementById('root'));
